<!doctype html>
<html lang="en">
  <head>
	<meta charset="utf-8" />
	<link href="css/common.css" rel="stylesheet" />
	<script src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
	<title>Gamux.org version5 | Alex</title>		
  </head>
  <body>
  <link href="css/index.css" rel="stylesheet" />
  <div class="all">
	<header class="header">
	  <nav class="top-background">
	  </nav>
	  <nav class="top regular">
	    <div class="top-logo">
		  <img src="images/logo.png" />  
	    </div>
	    <div class="top-menu-bar">
	      <ul>
		    <li><a href="index1.html">首页</a></li>
		    <li>新鲜事</li>
		    <li><a href="gamepage.html">游戏</a></li>
		    <li>开发者社区</li>
		    <li>捐赠</li>
		  </ul>
	    </div>
		<div class="top-login">
		  <ul>
		  <li><button type="button" class="row-button top-button" id="top-login-button">登录</button></li>
		  <li><button type="button" class="row-button top-button">注册</button></li>
		  <li class="top-forget-passwd"><span>忘记密码？</span></li>
			<script type="text/javascript">
				$(document).ready(function () {
					$("#top-login-button").click(function() {
						$(".login-form").css('display', 'block');
					});
				});
			</script>
		  </ul>
		</div>
	  </nav>
	</header>
	<div class="login-form">
	  <div class="login-form-welcom">
		<div class="login-form-text">
			欢迎登陆Gamux.org!
		</div>
		<div class="login-form-off">
			<button type="button" id="login-form-off">关闭</button>
			<script>
				$(document).ready(function () {
					$("#login-form-off").click(function() {
						$(".login-form").css('display', 'none');
					});
				});
			</script>
		</div>
	  </div>
	  <form class="" method="post" action="">
        <div class="row-rel login-email">
	      <input type="email" id="email" name="email" placeholder="邮箱" />
        </div>
        <div class="row-rel login-passwd">
          <input type="password" id="password1" name="password1" placeholder="密码" />
        </div>
        <button type="submit" class="row-button">登录</button>
		<button type="submit" class="row-button login-form-forget-passwd">忘记密码</button>
      </form>
	</div>
<!--main content-->
	<section class="main regular">
	<div class="main-section">
	  <div class="main-left">
        <div class="main-left-1 regular-1" style="height: 48em;">
          <div class="main-left-1-top inner-full">
            <span class="inner-topic">游戏介绍</span>
            <span class="inner-more">更多</span>
          </div>
<style>

</style>
          <div class="main-left-1-inner">
            <div>
                <div style="float: left;"><img src="images/demo/thiswarofmine125.jpg" /></div>
              <div style="float: left;">游戏名：天醒之路</div>
              <div style= "float: left; margin-left: 1em;">评分：5/10</div><br />
              <div>英文名：tianxingzhilu</div>
              <div>标签：热血, 刺激, 剧情</div>
              <div>游戏所属分类：角色扮演</div>
              <div>开发商：中国移动</div>
              <div>发行商： 中国电信</div>
              <div>最新版本号：1.2</div>
            </div>
            <div>
            游戏介绍：中国移动开发的这款RPG游戏非常好玩.  
            </div>
            <div>
            图片/视频赏析：
            </div>
            <div>
            <img src="images/demo/thiswarofmine125.jpg">  
            </div>
            <div>
              <video src="http://mirror0.gamux.org:20080/game_data/GameVideos/ultimate%20general%20-%20gettysburg.ogv" controls="controls"></video> 
            </div>
          </div>
        </div>
        <div class="main-left-2 regular-1">
          <div class="main-left-2-top inner-full">
            <span class="inner-topic">评论区</span>
          </div>
          <div class="main-left-2-inner">
          </div>
        </div>
	  </div>
	  <div class="main-right">
        <div class="main-right-1 regular-1">
          <div class="main-right-1-top inner-full">
            <span class="inner-topic">控件</span>
          </div>
          <div class="main-right-1-inner">
          </div>
        </div>
	  </div>
	</div>
	</section>
	<footer class="footer">
	  <div class="footer-content regular">
		aaaaaaaaaaaaaaa<br />
		aaaaaaaaaaaaaaa<br />
		aaaaaaaaaaaaaaa<br />
	  </div>
	</footer>
  </div>
  </body>
</html>